草庐IT

ios - SVG套件。 NSString 到 SVGKImage?

全部标签

javascript - 将 SVG 文本更改为 css 自动换行

以下代码用于显示javascript树形图的文本标签。nodeEnter.append("svg:text").attr("x",function(d){returnd._children?-8:-48;})/*thepositionofthetext(lefttoright)*/.attr("y",3)/*thepositionofthetext(UpandDown)*/.text(function(d){returnd.name;});这里使用了svg,它没有自动换行功能。我该如何更改这个普通段落以便我可以使用css将其自动换行。如何制作此常规文本而不是svg文本?

javascript - 使用javascript解析SVG转换属性

假设我们有一个SVG转换字符串:transform="translate(6,5),scale(3,3)";是否有一个灵活的正则表达式函数可以用来将其解析为可用的东西? 最佳答案 这里有一个漂亮的小代码片段,可能会满足您的需求,它应该涵盖大多数情况,以防您打算解析的字符串具有不同数量的参数:functionparse(a){varb={};for(variina=a.match(/(\w+\((\-?\d+\.?\d*e?\-?\d*,?)+\))+/g)){varc=a[i].match(/[\w\.\-]+/g);b[c.shi

javascript - 访问在外部 SVG 文件中定义的 DOM 对象

SVG标准允许使用和引用外部SVG文件。我有一个文件circle.svg,它定义了一个id为“the_circle”的圆对象。从主SVG文件中,我可以使用SVGlinking包含这个圆圈并为其设置动画。.我也想通过javascript访问同一个circle对象,我该怎么做?xlink:href="url(#the_image)#the_circle"的javascript等价物是什么?使用document.getElementById('the_image')我只能访问SVGImageElement而不能访问包含的SVG中定义的对象。 最佳答案

javascript - HTML5 Canvas 与 SVG + Raphael.js 的优缺点是什么?

我刚刚使用Canvas开始了一个项目。但我需要做的一件事是跟踪可移动的、可点击的框,如本例所示:http://raphaeljs.com/graffle.html所以我想知道Raphael-js+SVG是否会更好。你会用哪个?为什么? 最佳答案 这个答案是从我对另一个问题的回答中复制过来的。但是OP然后改变了问题,因此这个答案变得不那么相关了。恕我直言,它与这个问题更相关,所以这里是:将canvas和svg之间的区别想象成Photoshop和Illustrator(或者对于OSS用户来说是Gimp和Inkscape)之间的区别。一个

javascript - 如何使用 d3.js 拖动行为拖动 svg 组?

我正在使用D3jsdrag.单个元素被拖动得很好。但我想拖动一组元素。如何完成。这是我的JsFiddlelink上的内容:functiononDragDrop(dragHandler,dropHandler){vardrag=d3.behavior.drag();drag.on("drag",dragHandler).on("dragend",dropHandler);returndrag;}varg=d3.select("body").select("svg").append("g").data([{x:50,y:50}]);g.append("rect").attr("width"

【.Net实用方法总结】 整理并总结文件和流、异步文件IO、处理IO错误

CSDN话题挑战赛第2期参赛话题:学习笔记🐋作者简介:博主是一位.Net开发者,同时也是RPA和低代码平台的践行者。🐬个人主页:会敲键盘的肘子🐰系列专栏:.Net实用方法总结🦀专栏简介:博主针对.Net开发和C站问答过程中遇到的问题进行总结,形成本专栏,希望可以帮助到您解决问题。🐶座右铭:总有一天你所坚持的会反过来拥抱你。🌈写在前面:文件和流I/O(输入/输出)是指在存储媒介中传入或传出数据。在.NET中,System.IO命名空间包含允许以异步方式和同步方式对数据流和文件进行读取和写入操作的类型。这些命名空间还包含对文件执行压缩和解压缩的类型,以及通过管道和串行端口启用通信的类型。👉本文关键

javascript - jQuery/JS、iOS 4 和 $(document).height() 问题

我遇到了一个奇怪的问题,似乎是各种版本的Webkit浏览器。我试图将一个元素放在屏幕中央并进行计算,我需要获得各种尺寸,特别是主体的高度和屏幕的高度。在jQuery中,我一直在使用:varbodyHeight=$('body').height();varscreenHeight=$(window).height();我的页面通常比实际视口(viewport)高很多,因此当我“提醒”这些变量时,bodyHeight最终应该变大,而screenHeight应该保持不变(浏览器视口(viewport)的高度)。这是真的-火狐-Chrome15(哇!Chrome什么时候升级到第15版的?)-i

javascript - 在 iPad iOS 11.4 上的 Mobile Safari 中滚动期间触摸事件仅触发 "once"

在MobileSafari中滚动时,会触发第一个touchstart、touchmove和touchend事件,但是,如果您仍在滚动不会触发额外的触摸事件。对于我的应用程序,这是有问题的,因为用户可以用他们的手指停止滚动,而我无法判断是否有手指按下。当手指向下时,您无法设置window的scrollTop,或者您可以设置它,它会发生变化,但窗口不会滚动。当用户再次移动他们的手指时,它不是从我设置scrollTop的位置开始滚动,而是从他们的手指是否被放下开始滚动。请不要评论我为什么要更改窗口的scrollTop;让我们接受它作为一项优先要求。关于如何检测是否有手指按下的任何想法?

javascript - 使用 svg 防止子像素渲染

我目前正在使用SVG,但走到了死胡同。SVG有线条,它们应该与缩放一起缩放(以便它们保持平衡:例如100%宽度10px-->10%宽度1px)我用这段代码缩放所有stroke-widths:varsvgPath=this._svgContainer.find('svg[class*="style"]');for(vari=0;i其中width是缩放后的新宽度,imgData.w是原始未缩放的宽度。问题是,如果我放大到很远。笔划变小并导致亚像素渲染。据说黑线会变成灰色。我的想法是在某个点削减值(value)以防止它。但据我所知,由于屏幕(桌面、移动、4K)不同,我也必须考虑设备像素比如果

javascript - 使用 <canvas> 将非常大的 SVG 转换为 PNG

我正在尝试将一个大的SVG(它的数据URL大约有750000-1000000个字符)转换为PNG,方法是将它的数据URL通过图像传递到Canvas中,但图像只加载了大约1/4的图像SVG。创建方式:varsvg_xml=(newXMLSerializer()).serializeToString(svg),url='data:image/svg+xml;base64,'+btoa(svg_xml);varimg=newImage();img.width=730;img.height=300;img.onload=function(){varcanvas=document.create(